<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>
<script>
export default {
  name: 'about',
  // beforeCreate: function() {
  //   console.group('------beforeCreate创建前状态------');
  //   console.log("%c%s", "color:green","About");
  // },
  // created: function() {
  //   console.group('------created创建完毕状态------');
  //   console.log("%c%s", "color:green","About");
  // },
  // beforeMount: function() {
  //   console.group('------beforeMount挂载前状态------');
  //   console.log("%c%s", "color:green","About");
  // },
  // mounted: function() {
  //   console.group('------mounted 挂载结束状态------');
  //   console.log("%c%s", "color:green","About");
  // },
  // beforeUpdate: function () {
  //   console.group('beforeUpdate 更新前状态===============》');
  //   console.log("%c%s", "color:green","About");
  // },
  // updated: function () {
  //   console.group('updated 更新完成状态===============》');
  //   console.log("%c%s", "color:green","About");
  // },
  // beforeDestroy: function () {
  //   console.group('beforeDestroy 销毁前状态===============》');
  //   console.log("%c%s", "color:green","About");
  // },
  // destroyed: function () {
  //   console.group('destroyed 销毁完成状态===============》');
  //   console.log("%c%s", "color:green","About");
  // }
}
</script>